<template>
  <div class="analysis_all">
    <p class="isred">{{$t('report.imReportDelistingNotice')}}</p>
    <el-tabs v-model.trim="reportName" type="card" class="header">
      <el-tab-pane :label="$t('report.imReportDate')" name="AllDate">
      </el-tab-pane>
      <el-tab-pane :label="$t('report.imSearchEngine')" name="AllSearchEngine">
      </el-tab-pane>
      <el-tab-pane :label="$t('report.imKeywords')" name="AllkeyWords">
      </el-tab-pane>
      <el-tab-pane :label="$t('report.imSourceArea')" name="SourceArea">
      </el-tab-pane>
      <el-tab-pane :label="$t('report.imSourceType')" name="AllSourcePage">
      </el-tab-pane>
      <el-tab-pane :label="$t('report.imEndType')" name="AllEndType">
      </el-tab-pane>
      <keep-alive>
        <component :is="reportName" class="content"></component>
      </keep-alive>
    </el-tabs>
  </div>
</template>
<script>
  import AllDate from './form/AllDate'
  import AllEndType from './form/AllEndType'
  import AllkeyWords from './form/AllKeyWords'
  import AllSourcePage from './form/AllSourcePage'
  import SourceArea from './form/SourceArea'
  import AllSearchEngine from './form/allSearchEngine'
  export default {
    name: 'analysis_all',
    data () {
      return {
        reportName: 'AllDate'
      }
    },
    computed: {
    },
    components: {
      AllDate,
      AllEndType,
      AllSourcePage,
      AllkeyWords,
      AllSearchEngine,
      SourceArea
    },
    methods: {
    }
  }
</script>
<style lang="stylus" scoped>
  @import "../../../../assets/common.styl"
  .isred
    margin-bottom 10px
    color $c-pink
    padding 20px 30px 0 20px
</style>
